*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.container{
	width: 1140px;
	margin: auto;
	padding: 0 15px;
}
.container::after{
    display: table;
    content: "";
    clear: both;
}
.wli-50::after{
    display: table;
    content: "";
    clear: both;
}
.pt-5::after{
    display: table;
    content: "";
    clear: both;
}
li{list-style: none;}
a{text-decoration: none;}
header{
	border-bottom: 1px solid #e6e6e6;
}
header ul{
	float: right;
}
header li{
	float: left;
	padding:  0 15px;
}
header li a{
	color: #64685a;
	line-height: 50px;
	font-size: 14px;
}
header img{
	margin-top: 10px;
}
.header-li1 a{
	color: #3166b4;
}
.header-li6{
	background: #a2c72c;
}
.header-li6 a{
	color: #fff;
}
.banner-1{
	text-align: center;
	background: url(../images/download.png);
	padding: 70px 0 120px 0;
	color: #fff;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
}
.banner-1 h1{
	font-size: 40px;
	line-height: 65px;
}
.banner-1 p{
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 45px;
}
.banner-1 a{
	color: #fff;
	border-radius: 2px;
	border: 3px solid #fff;
	padding: 17px;
}
.banner-2{
	background: #5982b8;
	padding: 40px 0;
}
.banner-2 li{
	float: left;
	width: 25%;
	text-align: center;
	border-right: 1px dashed #6691c6;
}
.banner-2 li p{
	color: #91b4de;
	margin-top: 25px;
}
main{
	padding: 55px 0;
}
main li{
	width: 50%;
	float: left;
	margin-bottom: 45px;
}
main .l1{
	padding-right: 30px;
}
main .l1 h3{
	font-size: 24px;
	color: #63636d;
	font-weight: 500;
	line-height: 30px;
}
main .l1 h4{
	font-size: 20px;
	color: #818783;
	font-weight: 300;
	line-height: 30px;
	margin-bottom: 25px;
}
main .l1 p{
	font-size: 13px;
	color: #63636d;
	line-height: 21px;
}
main .l2 img{
	width: 100%;
	margin-bottom: 30px;
}
main .l3 img,main .l4 img{
	float: left;
	width: 16%;
}
.main-l3-right{
	float: right;
	width: 84%;
	padding-left: 20px;
}
.main-l3-right h3{
	color: #606b71;
	font-size: 24px;
	font-weight: 500;
}
.main-l3-right p{
	font-size: 13px;
	color: #63636d;
	line-height: 20px;
}
main .l3 .main-l3-right{
	padding-right: 30px;
}
.ultra{
	text-align: center;
	padding: 40px;
}
.ultra h5{
	font-size: 22px;
	color: #256aad;
	font-weight: 500;
	margin-top: 30px;
	line-height: 40px;
}
.ultra  p{
	font-size: 20px;
	font-weight: 300;
	color:#63636d;
	padding-bottom: 40px;
}
.ultra-a{
	border-top: 1px solid #cbcbcb;
	padding-top: 16px;
}
.ultra-a a{
	padding: 16px;
	color: #9e9c9d;
}
.ultra-a-1{
	border-top: 1px solid #416ca1;
}
.ultra-a a:hover{
	border-top: 1px solid #416ca1;
}
.works ul li{
	float: left;
}
.wli-50{
	width: 50%;
	/*margin-bottom: 40px;*/
}
.wli-50  h3 ,.wli-100  h3 {
    font-size: 24px;
    color: #63636d;
    font-weight: 500;
    line-height: 30px;
}
.wli-50 h4 ,.wli-100 h4 {
    font-size: 20px;
    color: #818783;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 25px;
}
.wli-50 a{
	padding: 8px;
	color: #fff;
	background: #3a6ea0;
	float: right;
	margin-bottom: 50px;
}
.wli-img{
	width: 100%;
	margin-bottom: 30px;
	padding-left: -5px;
	padding-right: -5px;
}
.wli-img img{
	float: left;
	padding: 5px;
	width: 33.33333%;
}
.wli-100,.wli-33{
	width: 100%;
}
.wli-33{
	margin-left: -15px;
	margin-right: -15px;}
.wli-33 .photo-text{
	width: 33.33333%;
	padding: 15px;
	float: left;
}
.photo-text h3{
	font-size: 20px;
	color: #63636d;
	font-weight: 500;
	margin: 15px 0 ;
}
.photo-text p{
	font-size: 13px;
	color: #63636d;
	margin-bottom: 15px;
	line-height: 20px;
}
.photo-text-1 img{
	width: 100%;
}
.photo-text-1 span{
	float: right;
}
.pt-5{
	margin-bottom: 40px;
}
.pt-5-left{
	float: left;
	width: 39%;
}
.pt-5-left img{
	width: 100%;
}
.pt-5-right{
	float: left;
	width: 61%;
	padding-left: 10px;
}
.pt-5-right h4{
	font-size: 14px;
	/*font-weight: 500;*/
	color: #63636d;
	margin-bottom: 5px;
}
.pt-6 a{
	color: #49658c;
	line-height: 85px;
}
.pt-6 {
	width: 100%;
	border: 1px solid #e4e4e4;
	text-align: center;
}
.footer{
	background: #406da4;
    color: white;
    padding: 100px 0;
}
.footer-4{
	width: 25%;
	float: left;
}
.f-4-nr{
	float: left;
}
.f-4-nr img{
	margin: 10px 10px 0 0;
}
.f-4-nr h3{
	font-weight: 500;
	font-size: 30px;
}
.f-4-nr p{
	font-size: 12px;
	font-weight: 300;
}
.footer-2{
	padding: 90px 0 35px 0;
}
.f-50{
	float: left;
	width: 50%;
}
.f-50 h1{
	font-size: 30px;
	color: #63636d;
}
.f-50 p{
	float: right;
	font-size: 16px;
	color: #63636d;
	line-height: 1.5;
}
.f-50 a{
	background: #3a6ea0;
    color: #ffffff;
    padding: 17px;
    border-radius: 2px;
}
footer{
	background: #49494b;
    color: #eafdff;
    padding: 30px 0 0 0;
}
footer .container{
	padding: 0;
}
.footer-3{
	width: 33.33333%;
	float: left;
	padding: 0 15px;
}
.footer-3 p{
	font-size: 12px;
	line-height: 20px;
}
.f-t{
	margin: 5px 0 30px 0;
}
.footer-3 h4{
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 25px;
}
.footer-3-a a{
	display: inline-block;
	width: 50%;
	float: left;
	color: #fff;
	margin-bottom: 25px;
	font-size: 12px;
}
.footer-3  input {
    background: #414143;
    border: 0px!important;
    padding: 15px;
    outline: none;
    width: 220px;
    margin-top: 20px;
    margin-bottom: 30px;
}
.f-3-a{
	background: #406da4;
    color: white;
    padding: 10px 12px 14px 12px;
    margin-bottom: 30px;
}
.footer-img img{
	margin: 20px 10px 0 0;
	cursor:pointer;
}
.f-bott{
	color: #fff;
	background: #323232;
	text-align: center;
	line-height: 50px;
	margin-top: 40px;
}
.works{
	margin-top: 30px;
}
@media (max-width: 1140px) {
	.container,.banner-2 li ,.footer-3,.f-50,main li,.wli-img img,.wli-33 .photo-text,.pt-5-left,.pt-5-right,.footer-4{
		width: 100%;
		border-right: 0px;
	}
	header li,.f-50 a{
		display: none;
	}
	.ultra img{
		width: 100%;
	}
	.banner-1{
		-webkit-background-size: 50% 100%;
		background-size: 200% 100%;
	}
	main .l3 .main-l3-right {
	     padding-right: 0px; 
	}
	.ultra ,.footer{
		padding: 0;
	}
	.footer-4{
		padding: 40px;
	}
	.f-50 p{
		float: left;
	}
	.xys{
		margin-top: 30px;
	}
}